<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <title>新增平台</title>
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="/css/font.css">
    <link rel="stylesheet" href="/css/xadmin.css">
</head>
<body style="padding: 10px;background: white;min-height: 90%">
<div id="divvuehtml" style="width: 90%;height: 100%;margin: auto;">
    <form class="layui-form" id="add">
        <table class="layui-table" lay-size="sm">
            <thead>
                <tr>
                    <th colspan="4" style="text-align: center;">新增寝室</th>
                </tr>
            </thead>
            <tbody style="text-align: center;">
            <tr>
                <td>寝室名称</td>
                <td colspan="3">
                    <input type="text" name="name"  placeholder="请输入寝室名称"  autocomplete="off" class="layui-input">
                </td>
            </tr>
            <tr>
                <td>寝室类型</td>
                <td colspan="3">
                    <select name="type"  required lay-verify="required" lay-filter="type">
                        <option value=""></option>
                        <option value="1">男寝室</option>
                        <option value="2">女寝室</option>
                    </select>
                </td>
            </tr>
            <tr >
                <td colspan="4">
                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">新增</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </td>
            </tr>
            </tbody>
        </table>
    </form>
</div>
</body>
<script src="/lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/xadmin.js"></script>
<script type="text/javascript" src="/js/vue.js"></script>
<script th:inline="none">
    layui.use(['form','layer'], function(){
        var form = layui.form;
        var layer = layui.layer;
        //监听提交
        form.on('submit(formDemo)', function(data){
            var index;
            $.ajax({
                url : "/api/admin/qinshi/insert",
                type : "POST",
                data : data.field,
                dataType : "json",
                beforeSend : function(XMLHttpRequest) {
                    index = layer.msg('正在提交数据中，请稍候', {
                        icon : 16,
                        time : false,
                        shade : 0.8
                    });
                },success : function(data) {
                    if(data.success){
                        // 刷新父页面
                        layer.alert(data.msg, {
                            icon : 6
                        }, function() {
                            xadmin.close();
                            // 刷新父页面
                            parent.location.reload();
                        });
                    }else{
                        xadmin.alert(data.msg,2)
                    }
                },complete : function(XMLHttpRequest, textStatus) {
                    layer.close(index);
                },error : function(data) {
                    layer.alert('网络异常或者数据错误', {
                        icon : 2
                    });
                }
            });
            return false;
        });
    });
</script>
</html>
